.Article_content{
  display: flex;
  width: 100%;
  margin-top: 120px;
  :global{
    .pageList{
      width: calc(100% - 440px);
      background-color: #FFF;
    }
    .top_select{
      height: 50px;
      padding: 0 20px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      border-bottom: 1px solid #f4f4f4;
      .left_tab{
        display: flex;
        flex: 1;
        .left_items{
          font-size: 14px;
          color: #5c5c5c;
          cursor: pointer;
        }
        .left_items:hover{
          color: #1d7dfa;
        }
        .center_l{
          display: inline-block;
          width: 1px;
          height: 10px;
          background-color: #d8d8d8;
          margin: 0 15px;
        }
      }
      .right_select{
        flex-shrink: 0;
      }
    }
    .bottom_article_list{
      .article_items{
        padding: 20px;
        cursor: pointer;
        border-bottom: 1px solid #f4f5f6;
      }
      .article_items:hover{
        background-color: #fcfcfc;
        .icon:nth-child(3){
          display: flex!important;
        }
      }
      .top_info{
        display: flex;
        color: #b2bac6;
        font-size: 12px;
        line-height: 20px;
        .point{
          margin: 0 10px;
        }
      }
      .bottom_content{
        display: flex;
        align-items: center;
        .left_article_info{
          flex: 1;
          flex-shrink: 0;
          .title_all{
            font-weight: 700;
            font-size: 16px;
            margin-top: 8px;
            line-height: 20px;
            height: 20px;
            text-overflow: ellipsis;//超出部分使用省略号
            -webkit-box-orient:vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            overflow: hidden;
            word-break: break-all;
          }
          .article_abstract{
            font-size: 13px;
            margin-top: 8px;
            line-height: 20px;
            height: 20px;
            text-overflow: ellipsis;//超出部分使用省略号
            -webkit-box-orient:vertical;
            -webkit-line-clamp: 1;
            display: -webkit-box;
            overflow: hidden;
            word-break: break-all;
          }
          .likeAndComment{
            display: flex;
            color: #b2bac2;
            margin-top: 10px;
            .icon{
              display: flex;
              justify-content: center;
              align-items: center;
              width:55px;
              height: 25px;
              border: 1px solid #edeeef;
              font-size: 14px;
              .num{
                font-weight: 700;
                font-size: 12px;
                margin-left: 5px;
              }
            }
            .icon:hover{
              background-color: #f7f8fa;
            }
            .icon:nth-child(2){
              border-left: none;
            }
            .icon:nth-child(3){
              display: none;
              border-left: none;
            }
          }
        }
        .right_img{
          flex-shrink: 0;
          width: 70px;
          height: 70px;
          border-radius: 5px;
          overflow: hidden;
          img{
            width: 100%;
            height: 100%;
            object-fit: cover;
          }
        }
      }
    }
  }
}